<div class="content-section introduction">
    <div>
        <span class="feature-title">值班管理<span class="gt">&gt;</span>审批计划  </span>
    </div>
</div>
<p-progressBar mode="indeterminate" [hidden]="progressBar"></p-progressBar>
<div class="content-section implementation GridDemo " id="approvalSchedule">
    <div class="title col-sm-12">
        <div class="col-sm-1">
            <span>基本信息</span>
        </div>
        <div class="col-sm-11 pull-right">
            <button type="button"
                    class="pull-right"
                    pButton
                    [routerLink]="['/index/duty/manage']"
                    icon="fa-close"
                    style="width: 30px"></button>
        </div>
    </div>
    <p-messages [(value)]="msgs"></p-messages>
    <form [formGroup]="myForm" class="form-horizontal">
        <div class="form-group ">
            <label class="col-sm-1 control-label" >计划编号：</label>
            <div class="col-sm-5 ui-no-padding-left-15px">
                <input class="form-control cursor_not_allowed" type="text"
                   pInputText
                   placeholder="{{ defaultId }}" readonly />
            </div>
            <label class="col-sm-1 control-label">排班人员：</label>
            <div class="col-sm-5 ui-no-padding-left-15px">
                <input  class="form-control cursor_not_allowed"
                        type="text"
                        pInputText
                        placeholder="{{ defaultCreator }}" readonly  />
            </div>
        </div>
        <div class="form-group ">
            <label class="col-sm-1 control-label">计划名称：</label>
            <div class="col-sm-5 ui-no-padding-left-15px">
                <input  type="text" pInputText
                        placeholder="{{ defaultName }}" readonly
                        class=" form-control cursor_not_allowed"/>
            </div>
            <label class="col-sm-1 control-label">排班时间：</label>
            <div class="col-sm-5 ui-no-padding-left-15px">
                <input class="cursor_not_allowed" type="text" pInputText
                       placeholder="{{ defaultCreateTime }}" readonly
                       class=" form-control cursor_not_allowed"/>
            </div>
        </div>
        <div class="form-group ">
            <label class="col-sm-1 control-label">值班部门：</label>
            <div class="col-sm-5 ui-no-padding-left-15px">
                <input class=" form-control cursor_not_allowed" type="text"
                       pInputText
                       placeholder="{{ selectedDepartment }}" readonly/>
            </div>
            <label class="col-sm-1 control-label">审批人：</label>
            <div class="col-sm-5 ui-no-padding-left-15px">
                <input  class=" form-control cursor_not_allowed" type="text"
                        pInputText
                        placeholder="{{ approveSelectedMultipleOption }}" readonly />
            </div>
        </div>
        <div class="form-group ">
            <label class="col-sm-1 control-label">开始时间：</label>
            <div class="col-sm-5 ui-no-padding-left-15px">
                <input  class=" form-control cursor_not_allowed" type="text" pInputText   placeholder="{{ beginTime }}" readonly/>
            </div>
            <label class="col-sm-1 control-label">结束时间：</label>
            <div class="col-sm-5 ui-no-padding-left-15px">
                <input class=" form-control cursor_not_allowed" type="text"  pInputText placeholder="{{ endTime }}" readonly/>
            </div>
        </div>
        <div class="form-group ">
            <label class="col-sm-1 control-label" >值班班次：</label>
            <div class="col-sm-11 ui-no-padding-left-15px">
                <input ngClass="ui-fluid"
                       class=" form-control cursor_not_allowed" type="text"  pInputText
                       placeholder="{{ shiftSelectedMultipleOption }}" readonly/>
            </div>
        </div>
        <div class="form-group ">
            <label  class="col-sm-1 control-label">关联值班计划：</label>
            <div class="col-sm-11 ui-no-padding-left-15px">
                <input  ngClass="ui-fluid"
                        class=" form-control cursor_not_allowed" type="text" pInputText id="name"
                         placeholder="{{ relativeSelectedMultipleOption }}" readonly/>
            </div>
        </div>
        <div  class="form-group ">
            <label class="col-sm-1 control-label">
                <span ngClass="start_red">*</span>审批意见：</label>
            <div class="col-sm-11 ui-no-padding-left-15px">
                <input  ngClass="ui-fluid"
                        class=" form-control"
                        formControlName="apporvalSuggestion"
                        type="text" pInputText name="suggestion" placeholder="请填写意见"
                       [(ngModel)]="apporvalSuggestion"/>
                <app-field-error-display
                    [displayError]="isFieldValid('apporvalSuggestion')"
                    errorMsg="不能为空">
                </app-field-error-display>
            </div>
        </div>
        <div class="form-group ">
            <div class="col-sm-12">
                <button class="pull-right ui-margin-right-10px" pButton type="button" (click)="oporate('拒绝')" label="拒绝" ></button>
                <button class="pull-right ui-margin-right-10px" pButton type="button" (click)="oporate('驳回')" label="驳回"></button>
                <button class="pull-right ui-margin-right-10px" pButton type="button" (click)="oporate('通过')" label="通过" ></button>
            </div>
        </div>
    </form>
    <p-dialog header="确认消息" [(visible)]="dialogdisplay" modal="modal" width="300" [responsive]="true">
        确认{{whichOprate}}吗？
        <p-footer>
            <button type="button" pButton icon="fa-check" (click)="pass()" label="{{whichOprate}}" *ngIf="whichOprate=='通过'"></button>
            <button type="button" pButton icon="fa-reply" (click)="return()" label="{{whichOprate}}" *ngIf="whichOprate=='驳回'"></button>
            <button type="button" pButton icon="fa-hand-paper-o" (click)="return()" label="{{whichOprate}}" *ngIf="whichOprate=='拒绝'"></button>
            <button type="button" pButton icon="fa-close" (click)="dialogdisplay=false" label="取消"></button>
        </p-footer>
    </p-dialog>
    <p-growl [(value)]="msgPop"></p-growl>
</div>
